<template>
	<div class="flex items-center mr-[12px] search">
		<el-button icon="el-icon-search" type="primary" @click="$emit('search')">搜索</el-button>
		<el-button class="search__refresh !mr-0" icon="el-icon-refresh" type="primary" plain @click="$emit('refresh')">重置</el-button>
	</div>
</template>

<script>
export default {
	name: 'Search',
};
</script>

<style scoped lang="scss">
.search {
	&__refresh,
	&__refresh:hover,
	&__refresh:active,
	&__refresh:focus {
		background-color: #ffffff;
		color: var(--primary-color);
		border: 1px solid var(--primary-color);
	}
}
</style>
